草庐IT

jQuery UI 实例 - 部件库(Widget Factory)

全部标签

javascript - 测试传递给 Angular Material Dialog 实例的 Controller

首先,我正在尝试对传递给AngularMaterialDialog的Controller进行单元测试。实例。作为一个一般性问题,单独测试这样的Controller更有意义,还是实际调用$mdDialog.show()更有意义?我正在尝试第一种方法,但遇到了一些问题,主要与AngularMaterial如何将“局部变量”绑定(bind)到Controller有关。这是我用来在我的源代码中调用对话框的代码,它按预期工作:$mdDialog.show({controller:'DeviceDetailController',controllerAs:'vm',locals:{deviceId

javascript - 如何正确测试 javascript 小部件?

因此,我编写了一个小的javascript小部件。用户所要做的就是将脚本标记粘贴到页面中,然后在它的正下方插入一个包含用户请求的所有内容的div。许多网站都在做类似的事情,例如Twitter、Delicious甚至StackOverflow。我很好奇的是如何测试这个小部件以确保它在每个人的网页上都能正常工作。我没有使用iframe,所以我真的想确保这段代码在大多数地方都能正常工作。我知道它在所有浏览器中看起来都一样。建议?或者我应该只构建一百个网页并插入我的脚本标签,看看它是否有效?我希望有比这更简单的方法。 最佳答案 一旦您确认您

使用原型(prototype)时的 Javascript 继承问题 - 实例被覆盖 :(

我是JavaScript编程的新手,我对继承有点噩梦。我正在为AppceleratorTitanium编写一些代码,我有一个名为Slide2D的基类,我希望从中继承它。所以我在Slide2D的原型(prototype)中放置了一些函数。这些通常不会被覆盖,但会从Slide2D派生的类中调用。这些函数也将从程序的其他部分调用。还有各种事件处理程序用于管理Titanium中的动画。如果我在一些调用代码中制作了几个这样的幻灯片(使用new)vars=newSlide2D('slide1','background1.png',etc......vart=newSlide2D('slide2',

javascript - Chuck Norris 推特小部件在 IE 上失去了风格

在IE上异步加载twitter小部件时遇到一个奇怪的问题。它加载得很好,但由于某些原因仅在IE(7,8,9)上不应用任何样式(颜色、背景为空白/默认)。以标准方式加载脚本也适用于IE。代码看起来像这样并且适用于所有浏览器(包括IE,但没有样式)jQuery(window).load(function(){jQuery('').appendTo("head");jQuery.getScript('http://widgets.twimg.com/j/2/widget.js',function(){vartwitter=newTWTR.Widget({id:'twitter_div',ve

javascript - 如何删除/销毁 flowplayer 实例?

像这样创建一个flowplayer实例后:$f("player","flowplayer.swf","my-video.flv");当直接移除容器元素时,$("#player").remove()(使用jQuery),我发现$f("player")还在那里。如何真正删除实例? 最佳答案 在BestKicker上,我们使用$f().unload()。 关于javascript-如何删除/销毁flowplayer实例?,我们在StackOverflow上找到一个类似的问题:

javascript - 使用查询小部件将 ActiveX 控件动态加载到页面上

我有一个事件的X控件,看起来像这样:我不想让这个html出现在我的页面上,而是想使用jquery小部件动态插入它。我可以这样做:myObject.id="activeX";myObject.height="100%";myObject.width="100%";myObject.classid="myClass";varparam1=document.createElement('param');param1.setAttribute('name','name');param1.setAttribute('value','myControlName');myObject.appendC

javascript - 我的 addthis 工具箱 J​​avaScript 小部件在移动设备上不存在

我正在使用Ionicv1并在Chrome(ionic服务)和ViewApp(ionic上传)中进行测试。我将这个脚本包含在我的index.html中并添加了https://github.com/thisissoon/angular-addthis指令。在Chrome或firefox中查看我的ionic应用程序时,一切看起来都很棒。当我按下IonicView时,我的addthis按钮丢失了。在Chrome开发者工具中,任何响应式View或设备看起来都很棒。任何方向在这里都会有所帮助。我如何在IonicView中查看错误消息?为什么addthis.comjs小部件不能在移动设备上运行?TI

javascript - 为什么我的 TypeScript 有时会给我一个实例,而有时会给我一个类?

我正在编写一个应用程序来学习TypeScript。它在Chrome中运行良好,但在Edge中运行时出现问题。我有这个方法:setposition(pos:Point){constdiffAsPoint=pos.minus(this.canvasPos);letdiff:Vector2D=diffAsPoint.toVector2D();//我发现,有时diff是一个Vector2D而不是Vector2D的实例。显然,发生这种情况时,对其进行的任何操作都会导致Objectdoesn'tsupportpropertyormethod...toVector2D方法很简单:toVector2D

javascript - Angular HostListener 同一组件的多个实例

我有一个名为ListComponent的组件,其中包含以下代码。@HostListener("document:keydown",["$event"])handleKeyEvent(event:KeyboardEvent){switch(event.keyCode){case38://uparrowthis.selectPreviousItem();break;case40://downarrowthis.selectNextItem();break;}}当我按下向上箭头键或向下箭头键时,页面上组件的所有实例都会触发事件。我怎样才能只为焦点元素触发事件? 最

javascript - 在创建单例实例时传递选项的 TypeScript 模式

我有一个TypeScript单例类classMySingleton{privatestatic_instance:MySingleton;privateconstructor();publicstaticgetInstance(){if(!MySingleton._instance){MySingleton._instance=newMySingleton();}returnMySingleton._instance;}}现在,我想在创建这个单例实例时传递一些选项。例如,将实例模式设置为生产模式的选项。因此,这可以通过让getInstance接受一个传播到构造函数的选项对象来实现。那么